@charset "UTF-8";
@import "parameters";
body{
  background-color: #fff!important;
}
//直播分类
.ui-classify-con{
  width: 90%;
  padding: 0 5%;
  .title{
    text-align: center;
    font-size: 0.32rem;
    color: #5d5e61;
    margin: 0.6rem 0;
  }
  ul{
    margin-left: 0.8rem;
    li{
      width: 2rem;
      height: 2rem;
      line-height: 2rem;
      text-align: center;
      border-radius: 2rem;
      float: left;
      border: #38adff 1px solid;
      margin: 0.6rem 0.3rem 0 0.3rem;
    }
    li.current{
      background-color: #1E9FFF;
      color: #fff;
      border: #1E9FFF 1px solid;
    }
  }
  .next{
    width: 90%;
    line-height: 0.9rem;
    border-radius: 5px;
    background-color: #38adff;
    text-align: center;
    position: absolute;
    left: 5%;
    bottom: 0.5rem;
    color: #fff;
    text-decoration: none;
    font-size: 0.32rem;
  }
}

//课程名称
.ui-courseName-con{
 .courseName{
   width: 90%;
   padding: 0 5%;
   .text{
     input{
       width: 94%;
       display: inline-block;
       height: 0.3rem;
       background-color: #f3f3f5;
       border-radius: 5px;
       padding: 0.2rem;
     }
   }
   .introHead{
     color: #5d5e61;
     font-size: 0.28rem;
     margin: 0.5rem 0 0.35rem 0;
   }
 }
  .openingTime{
    line-height: 1rem;
    border-top: $color-third 1px solid;
    border-bottom: $color-third 1px solid;
    margin-top: 0.62rem;
    padding: 0 5%;
    width: 90%;
    color: #5d5e61;
    font-size: 0.28rem;
    input{
      font-size: 0.28rem;
      text-align: right;
      padding-right: 0.3rem;
    }
  }
  .ui-buttons{
    padding: 0 5%;
    width: 90%;
  }
}
.Title{
  color: #5d5e61;
  font-size: 0.34rem;
  text-align: center;
  margin: 0.64rem 0;
}
//课程类型
.ui-courseType-con{
  width: 90%;
  padding: 0 5%;
  .typeCon{
    .type-nav{
     padding: 0 0.58rem;
      li{
        float: left;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        border-radius: 2rem;
        text-align: center;
        border: $color-second 1px solid;
        color: $color-second;
        font-size: 0.32rem;
        margin: 0 0.37rem 0.6rem 0.37rem;
      }
      li.current{
        background-color: $color-second;
        color: #fff;
        border: $color-second 1px solid;
      }
    }
    .course-type{
      .type-con{
        .freeAll{
          border: $color-third 1px solid;
          border-radius: 5px;
          line-height: 0.98rem;
          padding-left: 0.35rem;
          margin-bottom: 0.38rem;
          position: relative;
          z-index: 9;
          .icon11{
            position: absolute;
            left: 23%;
            top: -26%;
            z-index: 99;
          }
        }
        .payCourse{
          padding: 0.3rem;
          border: $color-third 1px solid;
          color: $color-primary;
          font-size: 0.28rem;
          border-radius: 5px;
          position: relative;
          z-index: 9;
          .icon11{
            position: absolute;
            right: 25%;
            top: -13%;
            z-index: 99;
          }
          .amount{
            margin-top: 0.3rem;
            input{
              display: inline-block;
              width: 5rem;
              line-height: 0.6rem;
              padding: 0 0.3rem;
              background-color: $color-gray2;
              border-radius: 5px;
              margin-right: 0.17rem;
            }
          }
        }
      }
    }
  }
  .Agreement{
    a{
      color: $color-second!important;
      text-decoration: underline;
    }
    .icon09{
      margin-right: 0.1rem;
    }
  }
}

//选择模式
.ui-selectionModel-con{
  width: 90%;
  padding: 0 5%;
  .models{
    dl{
      width: 3.3rem;
      dt{
        width: 2.8rem;
        height: 4.8rem;
        padding: 0.2rem 0.2rem 0.4rem 0.2rem;
        border: $color-third 1px solid;
        border-radius: 5px;
        position: relative;
        img{
          display: inline-block;
          width: 100%;
          height: 100%;
        }
        i{
          display: inline-block;
          width: 23px;
          height: 23px;
          position: absolute;
          right: 0;
          bottom:0;
        }
      }
      dd{
        text-align: center;
        margin-top: 0.34rem;
        font-size: 0.28rem;
      }
    }
  }
}
.ui-classify-con,.ui-courseName-con,.ui-courseType-con,.ui-selectionModel-con{
  display: none;
}

